<link href="__CSS__/admin.min.css" type="text/css" rel="stylesheet">
<div class="order-detail-box">
    <div class="common_box for-liucheng">

        <div class="liulist for-cur"></div>
        <div class="liulist {egt name='order.status' value='2'}for-cur{/egt}"></div>
        <div class="liulist {egt name='order.status' value='3'}for-cur{/egt}"></div>
        <div class="liulist {egt name='order.status' value='4'}for-cur{/egt}"></div>
        <div class="liulist {egt name='order.status' value='12'}for-cur{/egt}"></div>  

        <div class="liutextbox">
        {switch name="$order.pay_type"}
            {case value="0"}
            <!--免费商品-->
            <div class="liutext for-cur">
                <em>1</em><br><strong>生成订单</strong>
            </div>
            <div class="liutext {egt name='order.status' value='2'}for-cur{/egt}">
                <em>2</em><br><strong>无需付款</strong>
            </div>
            <div class="liutext {egt name='order.status' value='3'}for-cur{/egt}">
                <em>2</em><br><strong>发货</strong>
            </div>
            <div class="liutext {egt name='order.status' value='4'}for-cur{/egt}">
                <em>3</em><br><strong>确认收货</strong>
            </div>
            <div class="liutext {egt name='order.status' value='12'}for-cur{/egt}">
                <em>4</em><br><strong>评价</strong>
            </div>
            {/case}
            {case value="delivery"}
            <!--货到付款-->
            <div class="liutext for-cur">
                <em>1</em><br><strong>生成订单</strong>
            </div>
            <div class="liutext {egt name='order.status' value='2'}for-cur{/egt}">
                <em>2</em><br><strong>货到付款</strong>
            </div>
            <div class="liutext {egt name='order.status' value='3'}for-cur{/egt}">
                <em>3</em><br><strong>发货</strong>
            </div>
            <div class="liutext {egt name='order.status' value='4'}for-cur{/egt}">
                <em>4</em><br><strong>收货确认</strong>
            </div>
            <div class="liutext {egt name='order.status' value='12'}for-cur{/egt}">
                <em>5</em><br><strong>完成评价</strong>
            </div>
            {/case}
            {default /}
            <!--在线支付-->
            <div class="liutext for-cur">
                <em>1</em><br><strong>生成订单</strong>
            </div>
            <div class="liutext {egt name='order.status' value='2'}for-cur{/egt}">
                <em>2</em><br><strong>在线支付</strong>
            </div>
            <div class="liutext {egt name='order.status' value='3'}for-cur{/egt}">
                <em>3</em><br><strong>发货</strong>
            </div>
            <div class="liutext {egt name='order.status' value='4'}for-cur{/egt}">
                <em>4</em><br><strong>收货确认</strong>
            </div>
            <div class="liutext {egt name='order.status' value='12'}for-cur{/egt}">
                <em>5</em><br><strong>完成评价</strong>
            </div>
        {/switch}
        </div>
    </div>

    <div class="common_box order_orders">
        <h3>订单信息</h3>
        <!--订单、支付信息-->
        <div class="box">
            <p>订单号：{$order.order_no}</p>
            <p>下单时间：{$order.create_time|time_format}</p>
            {eq name="order.pay_type" value="onlinepay"}
            {eq name="order.paid_time" value="0"}
            <p>支付时间：未支付</p>
            {else /}
            <p>支付时间：{$order.paid_time|time_format}</p>
            {/eq}
            {/eq}
        </div>
    </div>

    <div class="common_box order_pay">
        <h3>支付方式</h3>
        <div class="box">
            支付类型：{$order.pay_type_cn}<br>
            支付方式：<img src="__IMG__/{$order.channel.icon}" width=32 height=32 /><span class="channel_str">{$order.channel.title}</span>
        </div>
    </div>

    <div class="common_box order_address">
        <h3>收货信息</h3>
        <!--收货信息-->
        <div class="box">
            <p>买家：{$order.user_info.nickname}</p>
            <p>收货人：{$order.address.name}</p>
            <p>联系方式:{$order.address.phone} </p>
            <p>收货地址：{$order['address']["province"]} {$order['address']["city"]} {$order['address']["district"]} {$order['address']["address"]}</p>
        </div>
    </div>

    <div class="common_box order_procects">
        <h3>商品信息</h3>
        <!--商品信息-->
        <table class="table">
            <thead>
            <tr>
                <th>图片</th>
                <th>商品</th>
                <th>单价</th>
                <th>数量</th>
            </tr>
            </thead>
            <tbody>
                {volist name="order.products" id="vo"}
                <tr data-type="normal_list">
                    <td>
                        <div class="">
                            <img src="{$vo.main_img|getThumbImageById=100,100}" />
                        </div>
                    </td>
                    <td>
                        <div class="products_title">{$vo.title}</div>
                        <div class="">
                            {foreach name="vo.sku" item="sku"}
                             <span class="sku_li_span">{$sku}</span>  
                            {/foreach}
                        </div>
                    </td>
                    <td style="width:80px;">
                        <div class="">{$vo.paid_price}</div>
                    </td>
                    <td style="width:80px;">
                        <div class="">{$vo.quantity}</div>
                    </td>
                </tr>
                {/volist}
            </tbody>
        </table>
    </div>

    <div class="common_box order_all_price">
        <h3>价格信息</h3>
        总价：<span>{$order.paid_fee}</span> 
        邮费：<span>{$order.delivery_fee}</span> 
        已优惠价格：<span>{$order.discount_fee}</span>
    </div>

    {egt name='order.status' value='3'}
    <!--物流查询-->
    <div class="common_box order_delivery_info">
        {notempty name="delivery"}

            {notempty name="order.delivery_info"}
            {:hook('express',['orderCode'=>$order.order_no,'shipperCode'=>$order.delivery_info.ShipperCode,'logisticCode'=>$order.delivery_info.LogisticCode])}
            {else /}
            <p>物流数据不存在，可能商家还未发货</p>
            {/notempty}
        {else /}
            <p>还未配置物流插件！</p>
        {/notempty}
    </div>
    {/egt}
</div>

